<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<html>
<head>
<title>部门浏览</title>
<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
<link href="${basePath }/tabs/tab.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript">
<!--
function selectAll()
{
	if(this.checked==true) { 
		checkAll('test'); 
	} 
	else { 
		clearAll('test'); 
	}
}
function checkAll(name)
{
	var el = document.getElementsByTagName('input');
	var len = el.length;
	for(var i=0; i<len; i++)
	{
		if((el[i].type=="checkbox") && (el[i].name==name))
		{
			el[i].checked = true;
		}
	}
}
function clearAll(name)
{
	var el = document.getElementsByTagName('input');
	var len = el.length;
	for(var i=0; i<len; i++)
	{
		if((el[i].type=="checkbox") && (el[i].name==name))
		{
			el[i].checked = false;
		}
	}
}
-->
</script>
</head>
<body>
      <TABLE class="table1" border=0 cellSpacing=1 cellPadding=4 width="100%" align=center>
        <TR align="left">
          <td><IMG src="${basePath }/tabs/images/home.gif"> 
          您的位置：系统设置&gt;&gt;部门管理&gt;&gt;部门浏览 
          </TD></TR>
</TABLE>
          <br/>
          
<TABLE class="table1" cellSpacing=1 cellPadding=4 width="100%"  align=center>
        <TR height=20>
          <TD width="1%"></TD>
          <TD width="25%" align=left><input onClick="if(this.checked==true) { checkAll('test'); } else { 						          clearAll('test'); }" type="checkbox" value="" name="test2"/>
          全选/取消全选</TD>
          <TD width="50%" align=right>&nbsp; <IMG 
            border=0 align=bottom src="${basePath }/tabs/images/icon_autoforward.gif"> 
            新增&nbsp;|<IMG 
            border=0 src="${basePath }/tabs/images/icon_delete.gif">删除&nbsp;|<IMG 
            border=0 src="${basePath }/tabs/images/refresh.gif">&nbsp;刷新
            <SCRIPT src="${basePath }/tabs/images/print.js"></SCRIPT>
          </TD></TR></TABLE>
<table border="1">
  <thead >
    <tr>
      <th width="3%">&nbsp;</th>
      <th width="8%">部门名称</th>
      <th width="8%">部门经理</th>
      <th width="8%">部门人数</th>
      <th width="8%">英文简写</th>
      <th width="10%">操作</th>
    </tr>
  </thead>
  <tbody id="tab" align="left">
  	
    <tr>
      <td class="cb">
        <input type="checkbox" value="a" name="test"/>      </td>
      <td class="order_number">开发部</td>
      <td>陈君威</td>
      <td>2</td>
      <td>DE</td>
      <td><a href="department_alter.jsp" target="main">
      修改</a>|删除</td>
    </tr>
    <tr>
  	  <td class="cb">
        <input type="checkbox" value="a" name="test"/>      </td>
      <td class="order_number">测试部</td>
      <td>吴小莲</td>
      <td>5</td>
     <td>TS</td>
      <td>修改|删除</td>
    </tr>
    <tr>
      <td class="cb">
        <input type="checkbox" value="a" name="test"/>      </td>
      <td class="order_number">系统集成部</td>
      <td>孙志强</td>
      <td>2</td>
      <td>SI</td>
      <td>修改|删除</td>
    </tr>
    <tr>
      <td class="cb">
        <input type="checkbox" value="a" name="test"/>      </td>
      <td class="order_number">人事部</td>
      <td>吕大帅</td>
      <td>2</td>
      <td>HR</td>
      <td>修改|删除</td>
    </tr>
  </tbody>
  <tfoot>
    
  </tfoot>
</table>

<script type="text/javascript">
<!--
var Ptr=document.getElementById("tab").getElementsByTagName("tr");
function $() {
    for (i=1;i<Ptr.length+1;i++) { 
    Ptr[i-1].style.backgroundColor = (i%2>0)?"#fff":"#eee"; 
    }
}
window.onload=$;
for(var i=0;i<Ptr.length;i++) {
    Ptr[i].onmouseover=function(){
    this.tmpClass=this.className;
    this.style.backgroundColor = "#ccc";
    
    };
    Ptr[i].onmouseout=function(){
    for (i=1;i<Ptr.length+1;i++) { 
    Ptr[i-1].style.backgroundColor = (i%2>0)?"#eee":"#fff"; 
    }
	}
}
//-->
</script>
</body>
</html>
